<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
    //使用let来声名一个局部变量
    for (let i = 0; i < 5; i++) {
        console.log(i)
    }
    //使用let来声名一个局部变量时，在局部之外就不可以在使用这个变量了
    // console.log("循环之外的打印" + i);

    //使用const来声名一个常量，用于在后面不能作修改
    const f = 100;
    //f = f + 10;
    console.log("常量f的值：" + f);

    const s = "hello es6";
    console.log(s.includes("ec"));
    console.log(s.startsWith("he"));
    console.log(s.endsWith("s7"));

    //使用``来声明一个字符串，可以根据声明时的格式来完整的表达
    const s2 = `
        hello
        我怎能不变态
        he
    `;
    console.log(s2)

    //es6新语法，给b设置一个默认值，如果为null则取默认值
    function f1(a, b = 2) {
        // function f1(a, b) {
        //这里是一个三目运算符，如果b不为null时，则为true。否则为false，为false时则取后面的值
        // b = b || 1;
        console.log(a / b);
    }

    f1(10);

    //es6使用lombar表达式
    let fun01 = (a, b = 10) => {
        console.log(a + b);
    };
    fun01(2);

    let person = {
        name: "张三",
        eat01: function (food) {
            console.log(this.name + "在吃" + food);
        },
        eat02: food => console.log(person.name + "在小口的吃着" + food),
        eat03(food) {
            console.log(this.name + "在大口的吃" + food);
        }
    }
    person.eat01("水果");
    person.eat02("鸡腿");
    person.eat03("翔");
</script>
</html>